Social Nerd UK
Brand Book · v1.0
The Brand Book
BRAND
GUIDELINES.
How to use the Social Nerd UK identity — voice, marks, colour, type, and the rules that hold it together.
Inside
The contents.
01Who we areThe brand in 30 seconds
02VoiceHow we sound
03Words we live byLines that work
04The markLogo system
05Logo don'tsThings to avoid
06ColourPalette & usage
07TypeThe three fonts
08Type in useScale & hierarchy
09LayoutGrid & rhythm
10ComponentsButtons, cards, tags
11In the wildIt all together
12Co-marketingPartner lockups
13Get the assetsPress kit & contact
Social Nerd UKBrand Book · v1.0
01 · Who we are
Performance
marketing
for SMEs that
refuse to guess.
Social Nerd UK is a consultancy for SEO, paid media, and end-to-end tracking — built for owners who are tired of disconnected tactics and broken attribution. We fix the foundation, then build the system.
Pillar 01
Joined-up
system
system
Pillar 02
Clean
measurement
measurement
Pillar 03
Plain
English
English
SNUK · 2026
Social Nerd UK01 / Who we are
02 · Voice
Direct. Confident.
Slightly provocative.
✓
Do
Lead with the tension, not our credentials.
Statements over questions. Data over fluff.
Use "you", not "we." Make it about them.
Drop one stat per claim, in-line.
Be playful — but never soft. Wit disarms.
Short imperative CTAs. "BOOK A CALL." "FIX MY MARKETING."
✕
Don't
Optimise your digital strategy.
In today's fast-paced landscape…
We are passionate about delivering excellence.
Let us help you take it to the next level.
Unlock the power of synergy and growth.
Drop emoji into formal contexts. Web. Decks. Pitches.
Social Nerd UK02 / Voice
03 · Words we live by
Lines that earn their place.
Reference library
Use as inspiration, not script
Use as inspiration, not script
"Your marketing
isn't broken.
It's disconnected."
isn't broken.
It's disconnected."
Homepage hero · current
"Ads didn't
stop working.
Signal did."
stop working.
Signal did."
Tracking page · headline
"Posting more
won't fix broken
marketing."
won't fix broken
marketing."
Social campaign · LinkedIn
"If you can't
measure it
— don't scale it."
measure it
— don't scale it."
Pitch deck · slide 3
Social Nerd UK03 / Words
04 · The mark
The glasses mark.
One mark, two fills. Always sharp edges, full opacity, and at least its own height of clear space on every side.
SVG · PNG · 1:1 ratio
Min size 24px digital · 12mm print
Min size 24px digital · 12mm print
Primary · Dark BG
White · on dark
Black · on light
Black · on accent
Social Nerd UK04 / The mark
05 · Logo don'ts
Eight ways to break it.
Eight quick rules
If in doubt, ask
If in doubt, ask
×
Don'tDistort the proportions.
×
Don'tPlace on warm or low-contrast backgrounds.
×
Don'tAdd glows, shadows or effects.
×
Don'tUse gradient or photo backgrounds.
×
Don'tLower opacity — except for watermarks.
×
Don'tRotate or tilt the mark.
×
Don'tUse white version on light backgrounds.
×
SNUKDon'tRe-pair the mark with custom wordmarks.
Social Nerd UK05 / Don'ts
06 · Colour
High contrast. Never warm.
Monochrome base. Electric blue for accent. Orange used sparingly for high-energy CTAs and alerts. Never gradients, never pastels.
7 tokens
Pick the role, not the shade
Pick the role, not the shade
Background
Black
#0E0E0E
Primary background. Near-black, never pure.
Primary accent
Electric blue
#00AAFF
Links, CTAs, highlights. The one bright thing.
High-energy
Orange
#FF5900
Used sparingly. Alerts.
Surface
Dark
#262626
Cards & elevated surfaces.
Muted text
Mid
#474444
Captions & dividers.
Body text
Cream
#D0D0D0
Default body copy on dark BG.
Inverse
White
#FFFFFF
Display headings. Inverse BG.
Rule 01
Backgrounds are always dark. Never light-mode UI.
Rule 02
One accent per surface. Blue or orange — not both.
Rule 03
No gradients. No textures. No noise. Flat fills only.
Social Nerd UK06 / Colour
07 · Type
Three fonts. One job each.
Display · Body · Accent
Never substitute
Never substitute
Staatliches
Display · Headlines
Aa
Inter
Body · UI
Aa
Space Grotesk
Labels · Data
Aa
Social Nerd UK07 / Type
08 · Type in use
Hierarchy does the work.
Performance marketing · Bristol
Your marketing
isn't broken.
It's disconnected.
isn't broken.
It's disconnected.
SEO, paid media, and clean tracking in one joined-up system. We fix the foundation, then build the engine that creates predictable demand.
DisplayHeadline96px
H2Section title54px
H3Subsection44px
H4Card title24px
BodyDefault body copy at sixteen pixels.16px
LabelCAPS LABEL12px
Social Nerd UK08 / Type in use
09 · Layout
Sharp edges. Tight grid.
12-column grid · 8px base unit
0–4px radius max
0–4px radius max
01
Sharp by default
Border-radius is 0px on buttons, cards & inputs. 4px max on soft accents only.
02
Heavy whitespace
Section padding: 80–128px vertical. Content max-width 1200px. Breathe.
03
Borders, not shadows
1px solid #1E1E1E separates surfaces. No glows. Heavy drop-shadows banned.
04
Fast, sharp motion
Transitions: 0.15s ease. No bounces. No springs. Confident.
Social Nerd UK09 / Layout
10 · Components
Buttons. Cards. Tags.
Use the kit
Don't reinvent
Don't reinvent
Buttons
4 variants
Cards
Dark, bordered
Case Study2026
Cloudaeon
Brand refresh, GTM stack, and full site replatform.
Service04
Programmatic SEO
City-level pages built to scale, ranked to convert.
Tags & Inputs
2px corners
your@email.com
hi@socialnerd.uk
Social Nerd UK10 / Components
11 · In the wild
It all together.
www.socialnerd.co.uk
Homepage hero · April 2026
Homepage hero · April 2026
Social Nerd UK
Performance marketing · Bristol
Your marketing
isn't broken.
It's disconnected.
SEO, paid media, and clean tracking in one joined-up system. We fix the foundation — then build the engine.
Social Nerd UK11 / In the wild
12 · Co-marketing
Partner lockups.
When pairing the SNUK mark with a partner's, give both equal weight. Use a 24px divider. Match height — never widths.
Send proofs to
hi@socialnerd.uk
hi@socialnerd.uk
Horizontal lockup
Approved
Social Nerd UK
×
P
Partner
Match cap-height between marks — not widths.
Divider: 1px, 24px tall, in #474444.
Equal weight. Neither mark dominates.
Common mistakes
Avoid
Social Nerd UK
×
P
PARTNER
Don't scale either mark to dominate the other.
Don't drop the divider or overlap marks.
Don't apply the partner's brand colours to the SNUK mark.
Social Nerd UK12 / Co-marketing
13 · The press kit
Get the
assets.
socialnerd.co.uk/press
Updated May 2026
Updated May 2026
⬇
Logo pack
SVG · PNG · Black + white
↗
⬇
Font files
Staatliches · Inter · Grotesk
↗
⬇
Colour palette
HEX · ASE · Sketch
↗
⬇
Everything · ZIP
All assets in one file
↗
Press & partnerships
hi@socialnerd.uk
Phone
+44 7871 609 826
Web
socialnerd.co.uk